<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>求购</title>
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/public.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">求购</h1>
        <a href="javascript:void(0);" class="p_header_right jg_showshu">显示数</a>
    </header>
</div>
<!--显示数-->
<div class="qiugou_xianshi">
	<ul>
		<li>
			<a href="4.2.0qiugou.html">一行显示2列</a>
		</li>
		<li>
			<a href="4.2.1qiugou_san.html">一行显示3列</a>
		</li>
		<li>
			<a href="4.2.2qiugou_si.html">一行显示4列</a>
		</li>
	</ul>
</div>


<!--筛选-->
<section id="Class" class="job-module"> 
	<dl class="retrie"> 
		<dt>
			<a id="area" href="javascript:;"><span>商圈</span> <i>&nbsp;</i></a>
			<a id="wage" href="javascript:;"><span>分类</span><i>&nbsp;</i></a>
			<a id="price" href="javascript:;"><span>按销量</span><i>&nbsp;</i></a>
		</dt> 
		<dd class="area"> 
			<ul class="slide downlist" id="sortUl"> 
				<li sort-Screen="1">全部商圈</li> 
				<li sort-Screen="2">广州昌岗商圈</li> 
				<li sort-Screen="3">杭州四季青商圈</li> 
				<li sort-Screen="4">东莞虎门商圈</li> 
				<li sort-Screen="5">杭州环北商圈</li>
				<li sort-Screen="6">广州沙河商圈</li>
			</ul> 
		</dd> 
		<dd class="wage"> 
			<ul class="slide downlist"> 
				<li class="public_shu">
					<div class="w_xxtaba clearfix">
                        <ul class="w_xxtab_tit w_shaix1 clearfix por">
                            <li class="w_on1"><a href="javascript:void(0);">风格</a></li>
                            <li><a href="javascript:void(0);">男装</a></li>
                            <li><a href="javascript:void(0);">女装</a></li>
                            <li><a href="javascript:void(0);">箱包</a></li>
                            <li><a href="javascript:void(0);">鞋子</a></li>
                        </ul>
                        <!-- 男装 -->
                        <div class="w_ddcon">
                            <div class="haozhai_quyu">
                                <ul>
                                    <li class="shu_curr">男毛衣</li>
                                    <li>欧美</li>
                                    <li>大码女装</li>
                                    <li>中国风</li>
                                    <li>大众</li>
                                    <li>运动风</li>
                                    <li>其他</li>
                                </ul>
                            </div>
                        </div>
                        <!-- 女装 -->
                        <div class="w_ddcon" style="display: none;">
                            <div class="haozhai_quyu">
                                <ul>
                                    <li class="shu_curr">女毛衣</li>
                                    <li>欧美</li>
                                    <li>大码女装</li>
                                    <li>中国风</li>
                                    <li>大众</li>
                                    <li>运动风</li>
                                    <li>其他</li>
                                </ul>
                            </div>
                        </div>
                        <!-- 箱包 -->
                        <div class="w_ddcon" style="display: none;">
                            <div class="haozhai_quyu">
                                <ul>
                                    <li class="shu_curr">箱包</li>
                                    <li>欧美</li>
                                    <li>大码女装</li>
                                    <li>中国风</li>
                                    <li>大众</li>
                                    <li>运动风</li>
                                    <li>其他</li>
                                </ul>
                            </div>
                        </div>
                        <!-- 鞋子 -->
                        <div class="w_ddcon" style="display: none;">
                            <div class="haozhai_quyu">
                                <ul>
                                    <li class="shu_curr">鞋子</li>
                                    <li>欧美</li>
                                    <li>大码女装</li>
                                    <li>中国风</li>
                                    <li>大众</li>
                                    <li>运动风</li>
                                    <li>其他</li>
                                </ul>
                            </div>
                        </div>
                    </div>
				</li> 
			</ul>
		</dd> 
		<dd class="price"> 
			<ul class="slide downlist"> 
				<li sort-Screen="1">综合排序</li> 
				<li sort-Screen="2">发布时间</li> 
				<li sort-Screen="3">按数量</li> 
			</ul> 
		</dd> 
	</dl> 
</section>
<div style="width: 100%; height: 49px;"></div>
<!--产品-->
<div class="qiugou_si">
	<ul class="clearfix">
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
		<li>
			<a href="4.2.9qiugou_detail.html">
				<img src="images/img.jpg" />
			</a>
		</li>
	</ul>
</div>

<!--发布-->
<div class="qiugou_fabu">
	<a href="4.2.7qiugou_fabu.html">
		<img src="images/qiugou_fabu.png" />
	</a>
</div>

<!--查看详情提示-->
<div class="qiugou_huiyuan">
	<h5>查看详情提示</h5>
	<p>您想要查看详情需要购买会员才可以看哦</p>
	<div class="qiugou_huiyuan_anniu clearfix">
		<span>取消</span>
		<span>确定</span>
	</div>
</div>



<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
//下拉菜单
	$(function(){ 
		$('.retrie dt a').click(function(){
			var $t=$(this);
			if($t.hasClass('up')){
				$(".retrie dt a").removeClass('up');
				$('.downlist').hide();
			}else{
				$(".retrie dt a").removeClass('up');
				$('.downlist').hide();
				$t.addClass('up');
				$('.downlist').eq($(".retrie dt a").index($(this)[0])).show();
			}
		});			
		$(".area ul li").on('click',function(){
			$(".retrie dt a").removeClass('up');
			$(".downlist").hide();
			$("#area span").text($(this).html());
//			mmSort = $(this).attr("sort-Screen");
//	        pageNo = 1;
//			loadData(pageNo);
		})
		
		// tab切换
        $(function () {
           $('.w_xxtab_tit li').on('click',function(){
                //获得当前被点击的元素索引值
                var Index = $(this).index();
                //给菜单添加选择样式
                $(this).addClass('w_on1').siblings().removeClass('w_on1');
                //显示对应的div
                				$('.w_xxtaba').children('div').eq(Index).show().siblings('div').hide();
           });
        });
		$(".haozhai_quyu ul li").on('click',function(){
			$(".retrie dt a").removeClass('up');
			$(".downlist").hide();
			$("#wage span").text($(this).html());
//			mmSort = $(this).attr("sort-Screen");
//	        pageNo = 1;
//			loadData(pageNo);
		})
		
		
		
		$(".price ul li").on('click',function(){
			$(".retrie dt a").removeClass('up');
			$(".downlist").hide();
			$("#price span").text($(this).html());
//			mmSort = $(this).attr("sort-Screen");
//	        pageNo = 1;
//			loadData(pageNo);
		})
	});
	
	//固定
//	$(document).ready(function(){
//		var topMain=$(".header").height();//获取到头部的高度
//		var Logo=$("#Class");
//		$(window).scroll(function(){
//			if($(window).scrollTop()>topMain){
//				Logo.addClass("ScrollNav").css("z-index","102");
//			}else{
//				Logo.removeClass("ScrollNav");}
//		});
//	
//	});

	//显示数
	$('.jg_showshu').on('click',function(){
		$('.qiugou_xianshi').show();
    });
	
	
</script>
</body>
</html>